import axios from 'axios'
import { Message, MessageBox, Loading } from 'element-ui'
// import store from '../store'
import * as Tools from '@/utils/tools'
import { getToken, getRefreshToken } from '@/utils/auth'
// 获取白名单
import whiteList from '@/utils/whiteList'

window.LoadingObj = ''
let isRefrshing = false

// 创建axios实例
const service = axios.create({
  baseURL: process.env.BASE_API // api的base_url
})

// // 创建axios实例
// const service = axios.create({
//   baseURL: process.env.BASE_API, // api的base_url
//   timeout: 15000 // 请求超时时间
// })

// request拦截器
service.interceptors.request.use(config => {
  // 不显示加载页面的接口
  if (whiteList.loading.indexOf(config.url) === -1) {
    window.LoadingObj = Loading.service({
      lock: true,
      text: '加载中...',
      spinner: 'el-icon-loading',
      background: 'rgba(225, 225, 225, 0.7)'
    })
  }
  if (getToken()) {
    // 请求资源服务器时，不添加token
    if (whiteList.nullHeaderToken.indexOf(config.url) === -1) {
      config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
    } else {
      config.headers = {
        Accept: 'application/json, text/plain, */*'
      }
    }
    return config
  } else if (getRefreshToken()) {
    var reTry = null
    if (config.url !== '/login') {
      if (!isRefrshing) {
        isRefrshing = true
        reTry = new Promise((resolve, reject) => {
          Tools.hasToken().then(res => {
            isRefrshing = false
            config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
            // 挂起请求
            resolve(config)
          }).catch(() => {
            isRefrshing = false
          })
        })
        console.log(isRefrshing)
        return reTry
      }
    }
  }
  return config
}, error => {
  // Do something with request error
  console.log(error) // for debug
  Promise.reject(error)
})

// respone拦截器
service.interceptors.response.use(
  response => {
    window.LoadingObj.close()
    /**
      * code为非0是抛错 可结合自己业务进行修改
      *  -1 直接抛后端错误
      *  -2 抛一个错误列表
      */
    console.log('interceptors数据', response.data)
    const res = response.data
    if (parseInt(res.code) === -1) {
      Message({
        message: res.message,
        type: 'error',
        duration: 3 * 1000
      })
      return Promise.reject(res.message)
    } else if (res.code === -2) {
      // 当后端返回为-2时， 表示为一个错误列表
      MessageBox({
        title: res.message,
        message: Tools.errorMessageBox(res.data),
        dangerouslyUseHTMLString: true,
        confirmButtonText: '关闭',
        showConfirmButton: false,
        beforeClose: (action, instance, done) => {
          done()
        }
      }).then(action => {
        //
      }).catch(err => {
        console.log(err)
      })
    } else if (res.code === 10003) { // 10003 用户不存在 或 被禁用
      // console.log('1003', res.message)
      // Message({
      //   message: res.message,
      //   type: 'error',
      //   duration: 5 * 1000
      // })
      return Promise.reject(res)
    } else {
      // console.log(res)
      return res
    }
    return Promise.reject('error')
  },
  error => {
    console.log(' Http err' + error)// for debug
    window.LoadingObj.close()
    return Promise.reject(error)
  }
)

export default service
